<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div class="cur-list" id="list">
    <ul class="list-box">
        <li class="watched on"><a href="/video/BV1Z44y1K7Fj?p=1" class="" title="课程先导">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"><span
                        class="page-num">P1</span><span class="part">课程先导</span></div>
                <div class="duration">01:39</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=2" class="" title="重要问题说明">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P2</span><span
                        class="part">重要问题说明</span></div>
                <div class="duration">03:11</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=3" class="" title="React框架介绍">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P3</span><span
                        class="part">React框架介绍</span></div>
                <div class="duration">03:36</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=4" class="" title="基础环境搭建">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P4</span><span
                        class="part">基础环境搭建</span></div>
                <div class="duration">06:18</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=5" class="" title="目录熟悉和简化">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P5</span><span
                        class="part">目录熟悉和简化</span></div>
                <div class="duration">05:32</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=6" class="" title="React18问题说明">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P6</span><span
                        class="part">React18问题说明</span></div>
                <div class="duration">01:23</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=7" class="" title="jsx-基础介绍">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P7</span><span
                        class="part">jsx-基础介绍</span></div>
                <div class="duration">04:55</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=8" class="" title="jsx-表达式使用">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P8</span><span
                        class="part">jsx-表达式使用</span></div>
                <div class="duration">04:16</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=9" class="" title="jsx-列表渲染">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P9</span><span
                        class="part">jsx-列表渲染</span></div>
                <div class="duration">05:16</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=10" class="" title="jsx-条件渲染">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P10</span><span
                        class="part">jsx-条件渲染</span></div>
                <div class="duration">05:38</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=11" class="" title="jsx-模板精简原则">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P11</span><span
                        class="part">jsx-模板精简原则</span></div>
                <div class="duration">04:23</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=12" class="" title="jsx-样式控制">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P12</span><span
                        class="part">jsx-样式控制</span></div>
                <div class="duration">05:15</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=13" class="" title="jsx-动态类名控制">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P13</span><span
                        class="part">jsx-动态类名控制</span></div>
                <div class="duration">02:24</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=14" class="" title="jsx-注意事项">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P14</span><span
                        class="part">jsx-注意事项</span></div>
                <div class="duration">03:36</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=15" class="" title="开发工具和格式化代码">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P15</span><span
                        class="part">开发工具和格式化代码</span></div>
                <div class="duration">04:54</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=16" class="" title="jsx-合案例练习">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P16</span><span
                        class="part">jsx-合案例练习</span></div>
                <div class="duration">18:07</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=17" class="" title="组件-概念理解">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P17</span><span
                        class="part">组件-概念理解</span></div>
                <div class="duration">01:57</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=18" class="" title="组件-函数组件的创建和渲染">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P18</span><span
                        class="part">组件-函数组件的创建和渲染</span></div>
                <div class="duration">03:48</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=19" class="" title="组件-类组件的创建和渲染">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P19</span><span
                        class="part">组件-类组件的创建和渲染</span></div>
                <div class="duration">03:53</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=20" class="" title="组件-事件绑定">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P20</span><span
                        class="part">组件-事件绑定</span></div>
                <div class="duration">05:34</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=21" class="" title="组件-事件对象e说明">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P21</span><span
                        class="part">组件-事件对象e说明</span></div>
                <div class="duration">03:20</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=22" class="" title="组件-事件绑定传递额外参数">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P22</span><span
                        class="part">组件-事件绑定传递额外参数</span></div>
                <div class="duration">03:39</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=23" class="" title="组件-状态的定义使用">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P23</span><span
                        class="part">组件-状态的定义使用</span></div>
                <div class="duration">08:31</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=24" class="" title="组件-状态定义修改注意事项">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P24</span><span
                        class="part">组件-状态定义修改注意事项</span></div>
                <div class="duration">03:05</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=25" class="" title="组件-状态修改counter案例">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P25</span><span
                        class="part">组件-状态修改counter案例</span></div>
                <div class="duration">05:40</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=26" class="" title="组件-this的指向问题说明">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P26</span><span
                        class="part">组件-this的指向问题说明</span></div>
                <div class="duration">08:26</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=27" class="" title="组件-this指向问题再说明">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P27</span><span
                        class="part">组件-this指向问题再说明</span></div>
                <div class="duration">07:54</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=28" class="" title="知识点梳理总结">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P28</span><span
                        class="part">知识点梳理总结</span></div>
                <div class="duration">10:40</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=29" class="" title="组件-状态不可变说明">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P29</span><span
                        class="part">组件-状态不可变说明</span></div>
                <div class="duration">13:23</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=30" class="" title="表单-受控组件">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P30</span><span
                        class="part">表单-受控组件</span></div>
                <div class="duration">11:59</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=31" class="" title="表单-非受控组件">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P31</span><span
                        class="part">表单-非受控组件</span></div>
                <div class="duration">10:02</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=32" class="" title="组件-阶段小练习-tab切换实现">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P32</span><span
                        class="part">组件-阶段小练习-tab切换实现</span></div>
                <div class="duration">08:59</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=33" class="" title="组件-阶段小练习-发表评论实现">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P33</span><span
                        class="part">组件-阶段小练习-发表评论实现</span></div>
                <div class="duration">09:42</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=34" class="" title="组件-阶段小练习-uuid函数使用">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P34</span><span
                        class="part">组件-阶段小练习-uuid函数使用</span></div>
                <div class="duration">04:04</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=35" class="" title="组件-阶段小练习-删除评论实现">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P35</span><span
                        class="part">组件-阶段小练习-删除评论实现</span></div>
                <div class="duration">04:06</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=36" class="" title="组件-阶段小练习-切换喜欢">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P36</span><span
                        class="part">组件-阶段小练习-切换喜欢</span></div>
                <div class="duration">07:21</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=37" class="" title="组件通信-通信的意义">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P37</span><span
                        class="part">组件通信-通信的意义</span></div>
                <div class="duration">04:03</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=38" class="" title="组件通信-父传子-基础实现">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P38</span><span
                        class="part">组件通信-父传子-基础实现</span></div>
                <div class="duration">11:53</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=39" class="" title="组件通信-父传子-props说明">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P39</span><span
                        class="part">组件通信-父传子-props说明</span></div>
                <div class="duration">14:01</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=40" class="" title="组件通信-父传子-props的解构">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P40</span><span
                        class="part">组件通信-父传子-props的解构</span></div>
                <div class="duration">04:05</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=41" class="" title="组件通信-子传父-基础实现">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P41</span><span
                        class="part">组件通信-子传父-基础实现</span></div>
                <div class="duration">06:26</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=42" class="" title="组件通信-子传父-子传父的本质">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P42</span><span
                        class="part">组件通信-子传父-子传父的本质</span></div>
                <div class="duration">03:27</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=43" class="" title="组件通信-兄弟通信实现">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P43</span><span
                        class="part">组件通信-兄弟通信实现</span></div>
                <div class="duration">11:04</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=44" class="" title="组件通信-Context实现跨组件传递数据">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P44</span><span
                        class="part">组件通信-Context实现跨组件传递数据</span></div>
                <div class="duration">12:54</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=45" class="" title="组件基础阶段小练习">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P45</span><span
                        class="part">组件基础阶段小练习</span></div>
                <div class="duration">11:54</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=46" class="" title="组件进阶-特殊的chidren属性">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P46</span><span
                        class="part">组件进阶-特殊的chidren属性</span></div>
                <div class="duration">08:43</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=47" class="" title="组件进阶-props类型校验基础使用">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P47</span><span
                        class="part">组件进阶-props类型校验基础使用</span></div>
                <div class="duration">09:59</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=48" class="" title="组件进阶-props类型校验整体说明">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P48</span><span
                        class="part">组件进阶-props类型校验整体说明</span></div>
                <div class="duration">05:15</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=49" class="" title="组件进阶-函数组件props默认值">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P49</span><span
                        class="part">组件进阶-函数组件props默认值</span></div>
                <div class="duration">06:35</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=50" class="" title="组件进阶-类组件props默认值">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P50</span><span
                        class="part">组件进阶-类组件props默认值</span></div>
                <div class="duration">05:28</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=51" class="" title="组件生命周期-整体概览">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P51</span><span
                        class="part">组件生命周期-整体概览</span></div>
                <div class="duration">07:05</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=52" class="" title="组件生命周期-挂载阶段">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P52</span><span
                        class="part">组件生命周期-挂载阶段</span></div>
                <div class="duration">07:49</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=53" class="" title="组件生命周期-更新时和卸载时">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P53</span><span
                        class="part">组件生命周期-更新时和卸载时</span></div>
                <div class="duration">12:48</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=54" class="" title="todoMvc-功能说明-组件库测试">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P54</span><span
                        class="part">todoMvc-功能说明-组件库测试</span></div>
                <div class="duration">10:13</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=55" class="" title="todoMvc-使用antd搭建页面模板">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P55</span><span
                        class="part">todoMvc-使用antd搭建页面模板</span></div>
                <div class="duration">11:54</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=56" class="" title="todoMvc-获取列表渲染实现">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P56</span><span
                        class="part">todoMvc-获取列表渲染实现</span></div>
                <div class="duration">04:55</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=57" class="" title="todoMvc-删除功能实现">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P57</span><span
                        class="part">todoMvc-删除功能实现</span></div>
                <div class="duration">10:34</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=58" class="" title="todoMvc-搜索功能实现">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P58</span><span
                        class="part">todoMvc-搜索功能实现</span></div>
                <div class="duration">05:20</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=59" class="" title="阶段性重点内容总结">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P59</span><span
                        class="part">阶段性重点内容总结</span></div>
                <div class="duration">11:38</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=60" class="" title="hook-产生背景和优势">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P60</span><span
                        class="part">hook-产生背景和优势</span></div>
                <div class="duration">03:39</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=61" class="" title="hook-useState-基础使用">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P61</span><span
                        class="part">hook-useState-基础使用</span></div>
                <div class="duration">03:57</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=62" class="" title="hook-useState-数据的读取和修改">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P62</span><span
                        class="part">hook-useState-数据的读取和修改</span></div>
                <div class="duration">06:28</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=63" class="" title="hook-useState-组件的更新过程">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P63</span><span
                        class="part">hook-useState-组件的更新过程</span></div>
                <div class="duration">06:26</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=64" class="" title="hook-useState-使用规则说明">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P64</span><span
                        class="part">hook-useState-使用规则说明</span></div>
                <div class="duration">08:46</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=65" class="" title="hook-useEffect-理解副作用和基础使用">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P65</span><span
                        class="part">hook-useEffect-理解副作用和基础使用</span></div>
                <div class="duration">06:22</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=66" class="" title="hook-useEffect-通过依赖项控制执行时机">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P66</span><span
                        class="part">hook-useEffect-通过依赖项控制执行时机</span></div>
                <div class="duration">12:34</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=67" class="" title="hook阶段小练习-useWindowScroll">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P67</span><span
                        class="part">hook阶段小练习-useWindowScroll</span></div>
                <div class="duration">07:05</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=68" class="" title="hook阶段小练习-useLocalStorage">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P68</span><span
                        class="part">hook阶段小练习-useLocalStorage</span></div>
                <div class="duration">08:54</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=69" class="" title="hook-useState-函数作为参数">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P69</span><span
                        class="part">hook-useState-函数作为参数</span></div>
                <div class="duration">09:15</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=70" class="" title="hook-useEffect-清除副作用">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P70</span><span
                        class="part">hook-useEffect-清除副作用</span></div>
                <div class="duration">06:43</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=71" class="" title="hook-useEffect-发送网络请求">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P71</span><span
                        class="part">hook-useEffect-发送网络请求</span></div>
                <div class="duration">11:40</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=72" class="" title="hook-useRef使用">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P72</span><span
                        class="part">hook-useRef使用</span></div>
                <div class="duration">09:09</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=73" class="" title="hook-useContext使用">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P73</span><span
                        class="part">hook-useContext使用</span></div>
                <div class="duration">08:53</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=74" class="" title="hook-补充知识">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P74</span><span
                        class="part">hook-补充知识</span></div>
                <div class="duration">06:32</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=75" class="" title="hook重点内容回顾">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P75</span><span
                        class="part">hook重点内容回顾</span></div>
                <div class="duration">11:03</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=76" class="" title="react-router-最小化demo实现">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P76</span><span
                        class="part">react-router-最小化demo实现</span></div>
                <div class="duration">12:23</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=77" class="" title="react-router-路由模式组件说明">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P77</span><span
                        class="part">react-router-路由模式组件说明</span></div>
                <div class="duration">02:29</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=78" class="" title="react-router-路由跳转和匹配组件说明">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P78</span><span
                        class="part">react-router-路由跳转和匹配组件说明</span></div>
                <div class="duration">04:27</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=79" class="" title="react-router-编程式导航-实现跳转">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P79</span><span
                        class="part">react-router-编程式导航-实现跳转</span></div>
                <div class="duration">08:50</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=80" class="" title="react-router-跳转传参-searchParams">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P80</span><span
                        class="part">react-router-跳转传参-searchParams</span></div>
                <div class="duration">09:23</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=81" class="" title="react-router-跳转传参-params">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P81</span><span
                        class="part">react-router-跳转传参-params</span></div>
                <div class="duration">05:20</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=82" class="" title="react-router-嵌套路由实现">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P82</span><span
                        class="part">react-router-嵌套路由实现</span></div>
                <div class="duration">11:30</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=83" class="" title="react-router-默认二级路由设置">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P83</span><span
                        class="part">react-router-默认二级路由设置</span></div>
                <div class="duration">02:38</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=84" class="" title="react-router-404页配置">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P84</span><span
                        class="part">react-router-404页配置</span></div>
                <div class="duration">08:12</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=85" class="" title="mobx-介绍">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P85</span><span
                        class="part">mobx-介绍</span></div>
                <div class="duration">04:57</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=86" class="" title="mobx-环境搭建">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P86</span><span
                        class="part">mobx-环境搭建</span></div>
                <div class="duration">05:54</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=87" class="" title="mobx-第一个store">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P87</span><span
                        class="part">mobx-第一个store</span></div>
                <div class="duration">11:45</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=88" class="" title="mobx-computed计算属性">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P88</span><span
                        class="part">mobx-computed计算属性</span></div>
                <div class="duration">06:47</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=89" class="" title="mobx-模块化-拆分子模块创建根模块">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P89</span><span
                        class="part">mobx-模块化-拆分子模块创建根模块</span></div>
                <div class="duration">10:48</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=90" class="" title="mobx-模块化-实例化root并封装统一useStore方法">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P90</span><span
                        class="part">mobx-模块化-实例化root并封装统一useStore方法</span></div>
                <div class="duration">15:07</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=91" class="" title="mobx-基础总结">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P91</span><span
                        class="part">mobx-基础总结</span></div>
                <div class="duration">06:02</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=92" class="" title="mobx-todomvc-渲染列表">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P92</span><span
                        class="part">mobx-todomvc-渲染列表</span></div>
                <div class="duration">12:08</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=93" class="" title="mobx-todomvc-单选实现">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P93</span><span
                        class="part">mobx-todomvc-单选实现</span></div>
                <div class="duration">16:33</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=94" class="" title="mobx-todomvc-全选实现">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P94</span><span
                        class="part">mobx-todomvc-全选实现</span></div>
                <div class="duration">07:37</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=95" class="" title="mobx-todomvc-删除实现">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P95</span><span
                        class="part">mobx-todomvc-删除实现</span></div>
                <div class="duration">06:03</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=96" class="" title="mobx-todomvc-回车新增功能实现">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P96</span><span
                        class="part">mobx-todomvc-回车新增功能实现</span></div>
                <div class="duration">13:20</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=97" class="" title="mobx-todomvc-统计计数功能实现">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P97</span><span
                        class="part">mobx-todomvc-统计计数功能实现</span></div>
                <div class="duration">02:30</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=98" class="" title="mobx-mobx和react的职责划分">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P98</span><span
                        class="part">mobx-mobx和react的职责划分</span></div>
                <div class="duration">06:48</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=99" class="" title="pc项目-项目介绍">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P99</span><span
                        class="part">pc项目-项目介绍</span></div>
                <div class="duration">02:37</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=100" class="" title="pc项目-初始化项目提交到gitee">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P100</span><span
                        class="part">pc项目-初始化项目提交到gitee</span></div>
                <div class="duration">06:06</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=101" class="" title="pc项目-配置sass环境">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P101</span><span
                        class="part">pc项目-配置sass环境</span></div>
                <div class="duration">06:38</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=102" class="" title="pc项目-配置一级基础路由">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P102</span><span
                        class="part">pc项目-配置一级基础路由</span></div>
                <div class="duration">07:20</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=103" class="" title="pc项目-antd安装测试使用">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P103</span><span
                        class="part">pc项目-antd安装测试使用</span></div>
                <div class="duration">07:56</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=104" class="" title="pc项目-craco插件配置">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P104</span><span
                        class="part">pc项目-craco插件配置</span></div>
                <div class="duration">10:33</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=105" class="" title="pc项目-配置jsconfig.json文件">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P105</span><span
                        class="part">pc项目-配置jsconfig.json文件</span></div>
                <div class="duration">02:21</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=106" class="" title="pc项目-dev-tools调试工具安装">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P106</span><span
                        class="part">pc项目-dev-tools调试工具安装</span></div>
                <div class="duration">03:21</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=107" class="" title="pc项目-登录-搭建静态结构">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P107</span><span
                        class="part">pc项目-登录-搭建静态结构</span></div>
                <div class="duration">05:40</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=108" class="" title="pc项目-登录-搭建表单Form结构">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P108</span><span
                        class="part">pc项目-登录-搭建表单Form结构</span></div>
                <div class="duration">09:12</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=109" class="" title="pc项目-登录-表单校验实现">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P109</span><span
                        class="part">pc项目-登录-表单校验实现</span></div>
                <div class="duration">13:07</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=110" class="" title="pc项目-登录-获取表单数据">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P110</span><span
                        class="part">pc项目-登录-获取表单数据</span></div>
                <div class="duration">05:20</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=111" class="" title="pc项目-登录axios统一封装处理">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P111</span><span
                        class="part">pc项目-登录axios统一封装处理</span></div>
                <div class="duration">06:45</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=112" class="" title="pc项目-登录-mobx业务代码编写">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P112</span><span
                        class="part">pc项目-登录-mobx业务代码编写</span></div>
                <div class="duration">11:30</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=113" class="" title="pc项目-登录-组件收集数据调用mobx">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P113</span><span
                        class="part">pc项目-登录-组件收集数据调用mobx</span></div>
                <div class="duration">06:09</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=114" class="" title="pc项目-登录-后续业务处理">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P114</span><span
                        class="part">pc项目-登录-后续业务处理</span></div>
                <div class="duration">05:52</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=115" class="" title="pc项目-token持久化">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P115</span><span
                        class="part">pc项目-token持久化</span></div>
                <div class="duration">10:13</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=116" class="" title="pc项目-请求拦截器注入token">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P116</span><span
                        class="part">pc项目-请求拦截器注入token</span></div>
                <div class="duration">03:01</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=117" class="" title="pc项目-路由鉴权实现">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P117</span><span
                        class="part">pc项目-路由鉴权实现</span></div>
                <div class="duration">14:33</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=118" class="" title="pc项目-layout模块-结构搭建">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P118</span><span
                        class="part">pc项目-layout模块-结构搭建</span></div>
                <div class="duration">09:30</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=119" class="" title="pc项目-layout模块-二级路由配置">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P119</span><span
                        class="part">pc项目-layout模块-二级路由配置</span></div>
                <div class="duration">05:16</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=120" class="" title="pc项目-layout模块-路由跳转配置">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P120</span><span
                        class="part">pc项目-layout模块-路由跳转配置</span></div>
                <div class="duration">02:48</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=121" class="" title="pc项目-layout模块-菜单反向高亮">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P121</span><span
                        class="part">pc项目-layout模块-菜单反向高亮</span></div>
                <div class="duration">06:27</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=122" class="" title="pc目-layout模块-获取用户数据">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P122</span><span
                        class="part">pc目-layout模块-获取用户数据</span></div>
                <div class="duration">11:56</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=123" class="" title="pc项目-layout模块-退出登录实现">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P123</span><span
                        class="part">pc项目-layout模块-退出登录实现</span></div>
                <div class="duration">07:06</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=124" class="" title="pc项目-layout模块-401token实现">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P124</span><span
                        class="part">pc项目-layout模块-401token实现</span></div>
                <div class="duration">12:49</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=125" class="" title="pc项目-layout模块-echart基础使用">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P125</span><span
                        class="part">pc项目-layout模块-echart基础使用</span></div>
                <div class="duration">08:09</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=126" class="" title="pc项目-layout模块-echart组件封装">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P126</span><span
                        class="part">pc项目-layout模块-echart组件封装</span></div>
                <div class="duration">08:09</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=127" class="" title="pc项目-article-筛选区域结构搭建">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P127</span><span
                        class="part">pc项目-article-筛选区域结构搭建</span></div>
                <div class="duration">07:50</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=128" class="" title="pc项目-article-table列表区域结构搭建">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P128</span><span
                        class="part">pc项目-article-table列表区域结构搭建</span></div>
                <div class="duration">06:26</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=129" class="" title="pc项目-article-频道列表渲染">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P129</span><span
                        class="part">pc项目-article-频道列表渲染</span></div>
                <div class="duration">07:24</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=130" class="" title="pc项目-article-获取文章列表">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P130</span><span
                        class="part">pc项目-article-获取文章列表</span></div>
                <div class="duration">15:09</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=131" class="" title="pc项目-article-渲染文章列表">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P131</span><span
                        class="part">pc项目-article-渲染文章列表</span></div>
                <div class="duration">06:06</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=132" class="" title="pc项目-article-增加筛选条件">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P132</span><span
                        class="part">pc项目-article-增加筛选条件</span></div>
                <div class="duration">16:17</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=133" class="" title="pc项目-article-分页器功能">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P133</span><span
                        class="part">pc项目-article-分页器功能</span></div>
                <div class="duration">09:18</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=134" class="" title="拓展-useState和useEffect的拆分粒度">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P134</span><span
                        class="part">拓展-useState和useEffect的拆分粒度</span></div>
                <div class="duration">03:53</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=135" class="" title="pc项目-article-删除功能">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P135</span><span
                        class="part">pc项目-article-删除功能</span></div>
                <div class="duration">04:15</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=136" class="" title="pc项目-article-跳转编辑">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P136</span><span
                        class="part">pc项目-article-跳转编辑</span></div>
                <div class="duration">03:18</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=137" class="" title="pc项目-publish-发布文章结构搭建">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P137</span><span
                        class="part">pc项目-publish-发布文章结构搭建</span></div>
                <div class="duration">02:42</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=138" class="" title="pc项目-publish-富文本编辑器实现">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P138</span><span
                        class="part">pc项目-publish-富文本编辑器实现</span></div>
                <div class="duration">09:15</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=139" class="" title="pc项目-publish-重构频道获取">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P139</span><span
                        class="part">pc项目-publish-重构频道获取</span></div>
                <div class="duration">11:30</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=140" class="" title="pc项目-publish-基础上传实现">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P140</span><span
                        class="part">pc项目-publish-基础上传实现</span></div>
                <div class="duration">10:29</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=141" class="" title="pc项目-publish-onChange方法说明">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P141</span><span
                        class="part">pc项目-publish-onChange方法说明</span></div>
                <div class="duration">04:16</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=142" class="" title="pc项目-publish-图片状态切换视图变化">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P142</span><span
                        class="part">pc项目-publish-图片状态切换视图变化</span></div>
                <div class="duration">06:12</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=143" class="" title="pc项目-publish-最大上传图片数量控制">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P143</span><span
                        class="part">pc项目-publish-最大上传图片数量控制</span></div>
                <div class="duration">06:37</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=144" class="" title="pc项目-publish-收集表单数据提交接口">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P144</span><span
                        class="part">pc项目-publish-收集表单数据提交接口</span></div>
                <div class="duration">12:02</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=145" class="" title="pc项目-publish-暂存图片列表">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P145</span><span
                        class="part">pc项目-publish-暂存图片列表</span></div>
                <div class="duration">17:12</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=146" class="" title="pc项目-publish-编辑-文案适配">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P146</span><span
                        class="part">pc项目-publish-编辑-文案适配</span></div>
                <div class="duration">05:27</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=147" class="" title="pc项目-publish-编辑-回显基础数据">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P147</span><span
                        class="part">pc项目-publish-编辑-回显基础数据</span></div>
                <div class="duration">11:56</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=148" class="" title="pc项目-publish-编辑-回显upload图片显示">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P148</span><span
                        class="part">pc项目-publish-编辑-回显upload图片显示</span></div>
                <div class="duration">10:11</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=149" class="" title="pc项目-publish-编辑-回填暂存列表数据">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P149</span><span
                        class="part">pc项目-publish-编辑-回填暂存列表数据</span></div>
                <div class="duration">04:33</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=150" class="" title="pc项目-publish-编辑-尝试更新找到bug">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P150</span><span
                        class="part">pc项目-publish-编辑-尝试更新找到bug</span></div>
                <div class="duration">06:47</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=151" class=""
                        title="pc项目-publish-编辑-更改setFileList逻辑实现数据统一">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P151</span><span
                        class="part">pc项目-publish-编辑-更改setFileList逻辑实现数据统一</span></div>
                <div class="duration">10:08</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=152" class="" title="项目打包-打包和预览">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P152</span><span
                        class="part">项目打包-打包和预览</span></div>
                <div class="duration">01:55</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=153" class="" title="项目打包-包大小体积分析">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P153</span><span
                        class="part">项目打包-包大小体积分析</span></div>
                <div class="duration">05:08</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=154" class="" title="项目打包-cdn配置">
            <div class="clickitem">
                <div class="link-content"><img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif"
                                               style="display: none;"><span class="page-num">P154</span><span
                        class="part">项目打包-cdn配置</span></div>
                <div class="duration">20:16</div>
            </div>
        </a></li>
        <li class=""><a href="/video/BV1Z44y1K7Fj?p=155" class="" title="项目打包-路由懒加载">
            <div class="clickitem">
                <div class="link-content">
                    <img src="//s1.hdslb.com/bfs/static/jinkela/video/asserts/playing.gif" style="display: none;"><span class="page-num">P155</span>
                    <span class="part">项目打包-路由懒加载</span>
                </div>
                <div class="duration">07:58</div>
            </div>
        </a></li>
    </ul><!----></div>


</body>
<script>

    var myElement = document.getElementById('list');
    var li = myElement.children[0].children;
    var str = '';
    for (let i = 0; i < li.length; i++) {
        //console.log(i);
        var a = li[i].children[0].children[0].children[0].children[1].textContent;

        var b = li[i].children[0].children[0].children[0].children[2].textContent;

        var c = li[i].children[0].children[0].children[1].textContent;

        var d = a + '###' + b + '###' + c;
        if (i == (li.length - 1)) {
            str = str + d
        } else {
            str = str + d + "(&&&)";
        }

        //console.log(d);
    }
    console.log(str);

    console.log('haha')
</script>
</html>